<?php
/**
 * Created by PhpStorm.
 * User: hcadmin
 * Date: 16/12/29
 * Time: 下午3:06
 */
use yii\helpers\Html;
use app\assets\AppAsset;
use yii\helpers\Url;

AppAsset::addCss($this, Yii::$app->request->baseUrl . "/css/web_navbar.css");
AppAsset::addScript($this,Yii::$app->request->baseUrl.'/js/web_navbar.js');
AppAsset::register($this);
?>


<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <?= Html::csrfMetaTags() ?>
    <title>国际创业学院</title>
    <?php $this->head() ?>

   <style>

       html, body {
           height: 40px;
           font-family:PingFangSC-Regular, sans-serif;!important;
       }

      .gc-logo{
          margin-left: 80px;
          position: relative;
          top: 5px;


      }
       .megamenu {
           margin: 0 0 0 0;
       }
       .megamenu > li.grid .megapanel .row [class*="col"] {
           background: #ccc !important;
       }
       .megamenu h4 {
           margin-top: 0;
       }
       .megamenu .adress {
       }
       .megamenu .adress label {
           float: left;
           width: 100%;
           margin-bottom: 2px;
       }
       .megamenu {
           margin:0;
           padding:0;
           width:100%;
           list-style:none;
           display:inline-block;
           position:relative;
           font-family:Calibri, Arial;

       }
       .megamenu li {
           float:left;
           display:inline
       }
       .megamenu>li>a {
           float:left;
           padding:30px 20px 10px 20px;
           color:#fff;
           font-weight:200;
           font-size: 13px;
           text-decoration:none;
           text-transform:uppercase;
           transition:color .4s ease-in-out;
           -moz-transition:color .4s ease-in-out;
           -webkit-transition:color .4s ease-in-out;
           -o-transition:color .4s ease-in-out
       }
       .megamenu>li:hover>a, .megamenu>li.active>a {
           background:#dbdbdb
       }
       .megamenu>li.right {
           float:right
       }
       .megamenu .dropdown, .megamenu .dropdown li .dropdown {
           list-style:none;
           margin:0;
           padding:0;
           display:none;
           position:absolute;
           z-index:999;
           width:160px;
           border:solid 1px rgba(0, 0, 0, 0.1);
           background:#fff
       }
       .megamenu .dropdown {
           top:59px
       }
       .megamenu .dropdown li .dropdown {
           left:160px;
           top:inherit
       }
       .megamenu .dropdown li {
           clear:both;
           width:100%;
           border-bottom:solid 1px rgba(0, 0, 0, 0.1)
       }
       .megamenu .dropdown li:last-child {
           border-bottom:0
       }
       .megamenu .dropdown li a {
           float:left;
           width:100%;
           padding:10px 25px;
           text-decoration:none;
           display:block;
           border:0 none;
           font-size:14px;
           color:#444;
           background:0;
           -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
           box-sizing:border-box;
           transition:color .4s ease-in-out;
           -moz-transition:color .4s ease-in-out;
           -webkit-transition:color .4s ease-in-out;
           -o-transition:color .4s ease-in-out
       }
       .megamenu .dropdown li:hover>a {
           background:#dbdbdb
       }
       .megamenu>li>.megapanel {
           position:absolute;
           display:none;
           background:#fff;
           width:100.2%;
           top:58px;
           left:-1px;
           z-index:99;
           padding:20px 30px 20px;
           /*border:solid 1px #ccc;*/
           -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
           box-sizing:border-box
       }
       .megamenu .megapanel ul {
           margin:0;
           padding:0
       }
       .megamenu .megapanel img {
           width:100%;
           border:solid 1px #dedede;
           cursor:pointer;
           -webkit-transition:border .3s linear;
           -moz-transition:border .3s linear;
           -o-transition:border .3s linear;
           transition:border .3s linear
       }
       .megamenu .megapanel img:hover {
           /*border:solid 1px #777*/
       }
       .megamenu form.contact input, .megamenu form.contact textarea {
           font-family:Calibri, Arial;
           font-size:16px;
           color:#444;
           outline:0
       }
       .megamenu form.contact input[type="text"], .megamenu form.contact textarea {
           width:100%;
           margin-bottom:20px;
           padding:5px 10px;
           border:solid 1px #dedede;
           -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
           box-sizing:border-box;
           -webkit-transition:border .3s linear;
           -moz-transition:border .3s linear;
           -o-transition:border .3s linear;
           transition:border .3s linear
       }
       .megamenu form.contact input[type="text"] {
           height:40px
       }
       .megamenu form.contact input[type="text"]:focus, .megamenu form.contact textarea:focus {
           /*border:solid 1px #999*/
       }
       .megamenu form.contact input[type="submit"] {
           width:100px;
           height:35px;
           border:0;
           color:#fff;
           cursor:pointer;
           /*background:#999*/
       }
       .megapanel .row {
           width:100%;
           margin-top:15px
       }
       .megapanel .row:first-child {
           margin-top:0
       }
       .megapanel .row:before, .megapanel .row:after {
           display:table;
           content:"";
           line-height:0
       }
       .megapanel .row:after {
           clear:both
       }
       .megapanel .row .col1, .megapanel .row .col2, .megapanel .row .col3, .megapanel .row .col4, .megapanel .row .col5, .megapanel .row .col6 {
           display:block;
           width:100%;
           min-height:20px;
           float:left;
           margin-left:2.127659574468085%;
           -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
           box-sizing:border-box
       }
       .megapanel .row [class*="col"]:first-child {
           margin-left:0
       }
       .megapanel .row .col1 {
           width:14.893617021276595%
       }
       .megapanel .row .col2 {
           width:31.914893617021278%
       }
       .megapanel .row .col3 {
           width:48.93617021276595%
       }
       .megapanel .row .col4 {
           width:65.95744680851064%
       }
       .megapanel .row .col5 {
           width:82.97872340425532%
       }
       .megapanel .row .col6 {
           width:100%
       }
       .megamenu>li.showhide {
           display:none;
           width:100%;
           height:50px;
           cursor:pointer;
           color:#555;
           border-bottom:solid 1px rgba(0, 0, 0, 0.1);
           background-color: rgb(133,37,49);
           /*background:#eee;*/
           /*background:url();*/
           /*background:-moz-linear-gradient(top, #eee 0, #dbdbdb 100%);*/
           /*!*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #dbdbdb));*!*/
           /*background:-webkit-linear-gradient(top, #eee 0, #dbdbdb 100%);*/
           /*background:-o-linear-gradient(top, #eee 0, #dbdbdb 100%);*/
           /*background:-ms-linear-gradient(top, #eee 0, #dbdbdb 100%);*/
           /*background:linear-gradient(to bottom, #eee 0, #dbdbdb 100%);*/
           /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dbdbdb', GradientType=0)*/
       }
       .megamenu>li.showhide span.title {
           margin:15px 0 0 25px;
           float:left
       }
       .megamenu>li.showhide span.icon1:after {
           position:absolute;
           content:"";
           right:25px;
           top:15px;
           height:3px;
           width:25px;
           font-size:50px;
           z-index:1
       }
       .megamenu>li.showhide span.icon2:after {
           position:absolute;
           content:"";
           right:25px;
           top:27px;
           height:3px;
           width:25px;
           font-size:50px;
           z-index:1
       }

       .skyblue li>a, .skyblue>li.showhide span {
           color:#fff
       }
       .skyblue>li:hover>a, .skyblue>li.active>a, .skyblue .dropdown li:hover>a {
           color:#fff;

       }
       .skyblue .megapanel img:hover, .skyblue form.contact input[type="text"]:focus, .skyblue form.contact textarea:focus {

       }
       .skyblue form.contact input[type="submit"] {

       }
       @media(max-width:768px) {
           .gc-logo{
               margin-left: 10px;
           }
           .megamenu>li {
               display:block;
               width:100%;
               border-bottom:solid 1px rgba(0, 0, 0, 0.1);
               box-sizing:border-box;
               -moz-box-sizing:border-box;
               -webkit-box-sizing:border-box
           }
           .megamenu>li:hover, .megamenu>li.active {
               border-top:0
           }
           .megamenu>li>a {
               padding:15px 25px
           }
           .megamenu>li:hover>a, .megamenu>li.active>a {
               padding:15px 25px
           }
           .megamenu a {
               width:100%;
               box-sizing:border-box;
               -moz-box-sizing:border-box;
               -webkit-box-sizing:border-box
           }
           .megamenu .dropdown, .megamenu .dropdown li .dropdown {
               width:100%;
               display:none;
               left:0;
               border-left:0;
               position:static;
               border:0;
               box-sizing:border-box;
               -moz-box-sizing:border-box;
               -webkit-box-sizing:border-box
           }
           .megamenu .dropdown li {
               background:#fff!important;
               border:0
           }
           .megamenu .dropdown>li>a {
               padding-left:40px!important
           }
           .megamenu>li>.megapanel {
               position:static;
               margin-top:50px
           }
           .megapanel .row [class*="col"] {
               float:none;
               display:block;
               width:100%;
               margin-left:0;
               margin-top:15px;
               -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box;
               box-sizing:border-box
           }
           .megapanel .row:first-child [class*="col"]:first-child {
               margin-top:0
           }
           .megapanel .row {
               margin-top:0
           }
           .black {
               background:#222
           }
       }
       /* ´úÂëÕûÀí£ºÀÁÈËÖ®¼Ò  www.lanrenzhijia.com */




   </style>


</head>
<body>
<?php $this->beginBody() ?>
<div class="lanrenzhijia" style="background-color: rgb(133,37,49);">
    <ul class="megamenu ">
        <li><img src="../../img/gc_head.jpeg" class="gc-logo"  style="width: 78px;height: 60px;"></li>
        <li><a href="../web-home/index">首页</a>
        </li>
        <li><a href="#">关于学院</a>
            <ul class="dropdown">
                <li><a href="#">学院介绍</a></li>
                <li><a href="#">创始人风采</a></li>
                <li><a href="#">创业研究中心</a>
                <li><a href="#">顾问委员会</a></li>
            </ul>
        </li>
        <li><a href="#">核心服务</a>
            <ul class="dropdown">
                <li><a href="#">研究</a></li>
                <li><a href="#">教育</a></li>
                <li><a href="#">咨询投资</a>
            </ul>
        </li>
        <li><a href="#">重点项目</a>
            <ul class="dropdown">
                <li><a href="<?php echo Url::toRoute(''); ?>">大学生创业教育项目</a></li>
                <li><a href="../professional-technical/index">专技人才创业项目</a></li>
                <li><a href="../million-business/index">百万家企业转型项目</a>
                <li><a href="../women-create/index">女性创业能力开发项目</a></li>
                <li><a href="#">跨境电商创业项目</a></li>
                <li><a href="#">股权设计项目</a></li>
            </ul>
        </li>
        <li><a href="#">最新活动</a>
            <ul class="dropdown">
                <li><a href="#">学院新闻</a></li>
                <li><a href="#">最新活动</a></li>
            </ul>
        </li>
        <li><a href="#">国创桃园帮</a>
            <ul class="dropdown">
                <li><a href="#">创业案例</a></li>
                <li><a href="#">入会相关介绍</a></li>
            </ul>
        </li>
    </ul>
</div>



<?= $content ?>
<div class="about-us col-md-12 col-xs-12" style="background-color: rgb(34,34,37);margin-top: 220px; " >
    <div class="all-title col-md-12 col-xs-12" style="text-align: center;">
        <h2 style="color: rgb(148,148,150);margin-top: 40px;">ABOUT US</h2>
        <h4 style="color: rgb(148,148,150)">IIE全球专业创业服务解决商</h4>
    </div>
    <div class="col-md-8 col-md-offset-2" style="margin-top: 50px;margin-bottom: 40px; color: #949496;">
        <div class="col-md-3 col-md-offset-1">
            <div>骇客学院</div>
            <div>大学生云创空间</div>
            <div>米勒创新创业研究院</div>
        </div>
        <div class="col-md-4 col-md-offset-1">
           <div><img src="../../img/phone@1x.png" style="float: left;margin-right: 5px;margin-top: 2px;">0571-87353712</div>
            <div><img src="../../img/email@1x.png" style="float: left;margin-right: 5px;margin-top: 2px;">iie@iient.org</div>
            <div><img src="../../img/didian@1x.png" style="float: left;margin-right: 5px;margin-top: 2px;">杭州市天目山路226号网新大厦4楼</div>
        </div>
        <div class="col-md-3">
            <div>加入我们</div>
            <div>联系我们</div>
            <div>官方微信</div>
        </div>

    </div>


</div>


<?php $this->endBody() ?>
</body>

<script>
    $.fn.megamenu=function(e){function r(){$(".megamenu").find("li, a").unbind();
        if(window.innerWidth<=768){o();s();if(n==0){$(".megamenu > li:not(.showhide)").hide(0)}}else{u();i()}}function i(){$(".megamenu li").bind("mouseover",function(){$(this).children(".dropdown, .megapanel").stop().fadeIn(t.interval)}).bind("mouseleave",function(){$(this).children(".dropdown, .megapanel").stop().fadeOut(t.interval)})}function s(){$(".megamenu > li > a").bind("click",function(e){if($(this).siblings(".dropdown, .megapanel").css("display")=="none"){$(this).siblings(".dropdown, .megapanel").slideDown(t.interval);$(this).siblings(".dropdown").find("ul").slideDown(t.interval);n=1}else{$(this).siblings(".dropdown, .megapanel").slideUp(t.interval)}})}function o(){$(".megamenu > li.showhide").show(0);$(".megamenu > li.showhide").bind("click",function(){if($(".megamenu > li").is(":hidden")){$(".megamenu > li").slideDown(300)}else{$(".megamenu > li:not(.showhide)").slideUp(300);$(".megamenu > li.showhide").show(0)}})}function u(){$(".megamenu > li").show(0);$(".megamenu > li.showhide").hide(0)}var t={interval:250};var n=0;$(".megamenu").prepend("<li class='showhide'><span class='title' style='color: #fff;font-size: 15px;'>MENU</span><span class='icon1'></span><span class='icon2'></span></li>");r();$(window).resize(function(){r()})}
    $(document).ready(function(){$(".megamenu").megamenu();});
</script>



</html>
<?php $this->endPage() ?>
